<html><head><meta><meta></head><body style="word-wrap: break-word;" onfocusout="parent.setEmailRange();">﻿

    <title>Provider Locator</title>
    <meta http-equiv="x-ua-compatible" content="IE=Edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--Begin Styles -->
    <link href="ppms_LocatorV2_css" rel="stylesheet" type="text/css">
    <!-- Latest compiled and minified CSS -->

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u">
    <link href="ppms_BootStrap3.min" rel="stylesheet" type="text/css">
    <!-- Optional theme -->
    <link href="ppms_BootStrapTheme.min" rel="stylesheet" type="text/css">
    <!--Select2 Style-->
    <link href="ppms_select2.css" rel="stylesheet" type="text/css">
    <link href="ppms_selectWooCss" rel="stylesheet" type="text/css">

    <!--End Styles-->
    <script src="ppms_JQuery" type="text/javascript"></script>
    <script src="ppms_SDKREST.js" type="text/javascript"></script>
    <script src="ClientGlobalContext.js.aspx" type="text/javascript"></script>
    <script src="https://www.bing.com/api/maps/mapcontrol?callback=GetMap?s=1" defer="" type="text/javascript" async=""></script>
    <script src="ppms_locator.js" type="text/javascript"></script>
    <script src="ppms_select2.js" type="text/javascript"></script>
    <script src="ppms_SelectWoo" type="text/javascript"></script>

    <style>
        hr {
            border: 0;
            border-bottom: 1px solid #ccc;
            background: #999;
            margin: 4px;
        }


        .form-control:focus {
            border-color: black;
            box-shadow: none;
        }

        .form-control {
            border-color: #AAAAAA;
            box-shadow: none;
        }
    </style>

    <meta>
    <meta>
    <meta>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>
    <style type="text/css">
        P {
            margin: 0;
        }
    </style>
    <meta>




    <div class="row" style="font-family: undefined;">
        <!--Start Search Criteria-->
        <div class="col-md-3">
            <div class="searchBar" id="searchContainer">
                <!--Start Search Container-->
                <div class="searchSuggestion" id="searchSuggestion">
                    <!--Search Suggestions-->
                    <label for="searchBox">Search Location:</label>
                    <div>
                        <input class="form-control" id="searchBox" type="text">
                    </div>
                </div><!--Search Suggestions-->

                <div id="radiusSection">
                    <!--Start Radius Search-->
                    <label for="radiusSelection">Radius:</label>
                    <select class="form-control input-sm" id="radiusSelection">
                        <option value="15">15 Miles</option>
                        <option value="25">25 Miles</option>
                        <option value="50">50 Miles</option>
                        <option value="100">100 Miles</option>
                        <option value="250">250 Miles</option>
                        <option value="500">500 Miles</option>
                    </select>
                </div><!--End Radius Search-->

                <div class="searchSuggestion" id="specialitySection">
                    <!--Search Suggestions-->
                    <label for="specialtySearchBox">Provider Speciality:</label>
                    <div class="input-group">
                        <input class="form-control" id="specialtySearchBox" type="text">
                        <span class="input-group-addon">
                            <div><button title="Search Icon for Specialties" class="btn btn-default" id="specialtySearchButton" type="submit" alt="Search Icon"><i class="glyphicon glyphicon-search"></i></button></div>
                        </span>
                    </div>
                </div><!--Search Suggestions-->

                <label for="providerNetworkSearchBox">Provider Network:</label>
                <div class="input-group">
                    <input class="form-control" id="providerNetworkSearchBox" type="text">
                    <span class="input-group-addon">
                        <div><button title="Search Icon for Provider Network" class="btn btn-default" id="providerNetworkSearchButton" type="submit" alt="Search Icon"><i class="glyphicon glyphicon-search"></i></button></div>
                    </span>
                </div>

                <label for="providerRelationshipSearchBox">Provider Relationship:</label>
                <div class="input-group">
                    <input class="form-control" id="providerRelationshipSearchBox" type="text">
                    <span class="input-group-addon">
                        <div><button title="Search Icon for Provider Relationship" class="btn btn-default" id="providerRelationshipSearchButton" type="submit" alt="Search Icon"><i class="glyphicon glyphicon-search"></i></button></div>
                    </span>
                </div>

                <div id="ProviderDetails" class="selectWooinput">
                    <!--Search Suggestions-->
                    <label for="ProviderDetails" aria-label="Provider Details">Provider Details:</label><br>
                    <div class="input-group">
                        <select id="providerDetailsSelection" multiple="">
                            <optgroup label="Gender">
                                <option value="male">Male</option>
                                <option value="female">Female</option>
                            </optgroup>
                            <optgroup label="Care Type">
                                <option value="primarycare">Primary Care</option>
                                <option value="acceptingnew">Accepting New Patients</option>
                                <option value="hsrm">HSRM</option>
                            </optgroup>
                        </select>
                        <span class="input-group-addon">
                        </span>
                    </div>
                </div><!--Search Suggestions-->
                <div>
                    <label for="sortByCondition">Sort By:</label><br>
                    <select class="sortOrder form-control input-sm" id="sortByCondition">
                        <option selected="0">Distance</option>
                        <option value="1">Travel Time</option>
                        <option value="2">Quality Ranking</option>
                        <option value="3">Specialty</option>
                    </select>
                </div>
            </div>
            <div id="submitbutton">
                <!--Start Submit Button-->
                <span class="import-group-btn">
                    <input title="Search Providers Button" class="btn btn-default  text-center" id="searchBtn" type="button" alt="Search Providers Button" value="Search">
                </span>
            </div><!--Submit Button-->
            <hr>

            <div id="searchLoader">
                <!--Start Results-->
                <div class="loaderTitle" id="loaderTitle">
                </div>
                <div class="loader" id="loader">
                    <div class="loadingIcon">
                        <div>
                            <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>Searching for Providers..
                        </div>
                    </div>
                </div>
                <div id="searchtable">
                    <div class="resultsPanel text-center" id="resultsPanel">
                    </div>
                </div>
            </div><!--End Results-->
        </div><!--End Search Container-->

        <div title="Provider Search Map" class="col-md-9 hidden-xs" id="map" alt="Provider Search Map">
            <!--Start Map-->
            <div id="myMap">
            </div>
        </div><!--End Map-->
    </div><!--End Row-->
    <script>
        $("#providerDetailsSelection").selectWoo({
            placeholder: 'Select Provider Details...',
            allowClear:  true
        });
    </script>

    <script>
        function clearProviderDetails() {
            document.getElementById("providerDetailsSelection").value = '';
        }
    </script>

</body></html>